<template>
  <el-form
    ref="formInline"
    :inline="true"
    :model="formInline"
    class="el-form-qualificationForm">
    <el-form-item
      label="公司名称"
      prop="companyName">
      <el-input
        v-model="formInline.companyName"
        placeholder="请输入"/>
    </el-form-item>
    <el-form-item
      label="公司简介"
      prop="introduce">
      <el-input
        v-model="formInline.introduce"
        placeholder="请输入"/>
    </el-form-item>
    <el-form-item
      label="成立时间"
      class="qualificationDataPicker"
      prop="startTime">
      <el-date-picker
        v-model="formInline.startTime"
        type="date"
        placeholder="开始日期"/>
    </el-form-item>
    ~
    <el-form-item
      class="qualificationDataPicker"
      prop="endTime">
      <el-date-picker
        v-model="formInline.endTime"
        type="date"
        placeholder="结束日期"/>
    </el-form-item>
    <el-form-item class="searchButtonList">
      <button
        class="submit"
        @click="search">查询</button>
      <button
        class="reset"
        @click="reset">重置</button>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  name: 'SearchForm',
  data () {
    return {
      formInline: {
        companyName: '',
        introduce: '',
        startTime: '',
        endTime: ''
      },

      value: ''
    }
  },
  methods: {
    search () {
      this.$emit('search')
    },
    reset () {
      this.$refs['formInline'].resetFields()
    }
  }
}
</script>

<style lang="less">

.el-form-qualificationForm {
  .searchButtonList button {
    width: 74px;
    height: 34px;
    cursor: pointer;
    margin-left: 10px;
  }

  .submit {
    background: rgba(35, 113, 197, 1);
    border: 0;
    color: #fff;
  }

  .reset {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(221, 223, 225, 1);
  }
}

</style>
